//out: ../css/
@import './base';
@vw:3.75vw;
// 头部
header {
    width: (375/@vw);
    height: (44/@vw);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 (10 / @vw) 0 (15 / @vw);
    .logo {
        width: (61.25/@vw);
        height: (28/@vw);
    }
    .san {
        width: (166/@vw);
        height: (24/@vw);
        display: flex;
        justify-content: space-between;
        align-items: center;
        span {
            width: (22/@vw);
            height: (25.5/@vw);
            margin-top: (7/@vw);
        }
        .one {
            width: (24/@vw);
            height: (24/@vw);
        }
        .to {
            width: (72/@vw);
            height: (24/@vw);
        }
    }
}
// 选择类型
.T1 {
    width: (375/@vw);
    height: (38/@vw);
    border-bottom: 1px solid rgb(231, 231, 231);
    display: flex;
    margin: (10/@vw) 0;
    justify-content: space-between;
    padding: 0 (10 / @vw) 0 (15 / @vw);
    .title {
        width: (280/@vw);
        height: (38/@vw);
        display: flex;
        justify-content: space-between;
        .p1{
            color: #ea7a99;
            border-bottom: 2px solid #ea7a99;
        }
        .iconfont{
            width: (20/@vw);
            height: (20/@vw);
        }
    }
}
// 视频
.bg2{
    width: (369/@vw);
    display: flex;
    // flex-wrap: wrap;
}
.dideo {
    width: (172.5/@vw);
    height: (97.03/@vw);
    margin: 0 (8 / @vw) 0 (8 / @vw);
    margin-bottom: (50/@vw);
   
    img {
        width: (172.5/@vw);
        height: (97.03/@vw);
    }
    .play {
        position: relative;
        top: (-25/@vw);
        display: flex;
        justify-content: space-between;
        color: #ffffff;
        .a1{
            .iconfont{
                font-size: (14/@vw);
            }
            // margin-left: (10/@vw);
        }
        .a2 {
            margin-left: (51/@vw);
            .iconfont{
                font-size: (14/@vw);
            }
        }
    }

}


// 底部
.download {
    position: fixed;
    left: (15 / @vw);
    bottom: (30 / @vw);
    display: flex;
    align-items: center;
    text-align: center;
    padding: 0 (10 / @vw) 0 (15 / @vw);
    width: (351 / @vw);
    height: (36 / @vw);
    background-color: #ea7a99;
    border-radius: (22 / @vw);
    .iconfont {
      width: (35 / @vw);
      height: (16 / @vw);
      color:#fff;
      padding-left: (50 / @vw);
    
    }
    p {
      flex: 1;
      font-size: (14 / @vw);
      color: #fff;
    }
  }
